<template>
	<view class="container">
		<!--头部start-->
		<view class="header">
			<u-status-bar></u-status-bar>
			<view class="con">
				<image src="/static/images/folw_1.png" mode="widthFix" class="back"></image>
				<view class="tit">激活广告机</view>
				<image src="/static/images/folw_5.png" mode="widthFix" class="reset"></image>
			</view>
		</view>
		<u-status-bar></u-status-bar>
		<!--头部end-->
		
		<!--内容start-->
		<view class="flow_con">
			<huihui-progress originalColor="#dfdfde" processColor="#1aac8c"  :process="process" :startPosDegree="0" :radius="160"  :barWidth="35">
				<image src="/static/images/folw_9.png"></image>
			</huihui-progress>
		</view>
		
		<view class="flow_con_tit">
			<text class="percentages">{{process}}%</text>
			<view class="tit">分配真实IP</view>
			<view class="con">基于海量真实<text>IP</text>资源和<text>DMP</text>数据管理系统，利用人工智能构建复杂的预测性机器学习算法来挖掘受众行为，并通过其应用相似的建模来扩展现有受众，确保每一个访问都被交通安全提供商的内部交通扫描仪或其它网络活动监控设备视为有效流量。</view>
		</view>
		<!--内容end-->
		
		
		<!--底部start-->
		<view class="f_btn">
			<button class="submit" :class="[process == 100 ? 'on':'']" @click="goto('/pages/machine/flow_04')">（<b>3/6</b>）下一步 <view></view></button>
			<u-safe-bottom></u-safe-bottom>
		</view>
		<!--底部end-->
	</view>
</template>

<script>
export default {
	data() {
		return {
			process:0,
			timer:''
		}
	},
	created() {
		this.change()
	},
	methods: {
		change(){
		    this.timer=setInterval(()=>{
		    this.process+=1
		    if(this.process>=100){
				this.process=100
				clearInterval(this.timer)
		    }
		    },100)
		}
	}
}
</script>

<style lang="scss">
@import url("../../common/style.scss");
@import url("machine.scss");

page{
	background: #332C2B;
}
.header{
	background-color: #332C2B;
}
.header .tit{
	color: #DCDDDD;
}
.f_btn .submit{
	background-color: #5F5D5D;
	color: #A1A1A1;
}
.f_btn .submit view{
	width: 32rpx;
	height: 32rpx;
	margin-left: 20rpx;
	background: url("/static/images/folw_7.png") no-repeat center center;
	background-size: 32rpx auto;
}
.f_btn .submit.on{
	background-color: #4AB893;
	color: #FEFEFE;
}
.f_btn .submit.on view{
	background-image: url("/static/images/folw_7a.png");
}
</style>
